<template>
    <div>
        <el-container>
            <el-header height="130px">
                <HomeHeader></HomeHeader>
            </el-header>
            <el-container>
                <el-aside width="300px">
                    <HomeAside></HomeAside>
                </el-aside>
                <el-main><router-view></router-view></el-main>
            </el-container>
        </el-container>
    </div>
    
</template>

<script>
import HomeHeader from "@/components/home/HomeHeader";
import HomeAside from "@/components/home/HomeAside";
export default {
    components:{
        HomeHeader,
        HomeAside,
    },
};

</script>

<style lang="less" scoped> 
div {
  .el-container {
    background-color: #b3c0d1;
    // .el-header{}
    .el-container {
      .el-aside {
        background-color: #d3dce6;
      }
      .el-main {
        background-color: #e9eef3;
      }
    }
  }
}
</style>